<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>黎宁💗泽蘅</title>
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="page1.css" />
    <link rel="stylesheet" href="page2.css" />
    <link rel="stylesheet" href="page3.css" />
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.transit.min.js"></script>
    <script type="text/javascript" src="mainjs.js"></script>
    
    <embed src="./love.mp3" hidden="true" autostart="true" loop="false">
</head>

<body>
    <div id='content'>
        <ul class='content-wrap'>
            <!-- 第一副画面 -->
            <li>
                <div class="a_background">
                    <div class="a_background_top"></div>
                    <div class="a_background_middle"></div>
                    <div class="a_background_botton"></div>
                </div>
                <!-- 云 -->
                <div class="cloudArea">
                    <div class="cloud cloud1"></div>
                    <div class="cloud cloud2"></div>
                </div>
                <!-- 太阳 -->
                <div id="sun"></div>
            </li>
            <!-- 第二副画面 -->
            <li>
                <!-- 背景图 -->
                <div class="b_background"></div>
                <div class="b_background_preload"></div>
                <!-- 商店 -->
                <div class="shop">
                    <div class="door">
                        <div class="door-left"></div>
                        <div class="door-right"></div>
                    </div>
                    <!-- 灯 -->
                    <div class="lamp"></div>
                </div>
                <!-- 鸟 -->
                <div class="bird" onclick="jump()"></div>
            </li>
            <!-- 第三副画面 -->
            <li>
                <!-- 背景图 -->
                <div class="c_background">
                    <!-- <div class="c_background_top"></div> -->
                    <div class="c_background_test"></div>
                    <div class="c_background_middle"></div>
                    <div class="c_background_botton"></div>
                </div>
                <!-- 小女孩 -->
                <div class="girl"></div>
                <!-- 水波 -->
                <div class="bridge-bottom">
                    <div class="water">
                        <div id="water1" class="water_1"></div>
                        <div id="water2" class="water_2"></div>
                        <div id="water3" class="water_3"></div>
                        <div id="water4" class="water_4"></div>
                    </div>
                </div>
                <!-- 星星 -->
                <ul class="stars">
                    <li class="stars1"></li>
                    <li class="stars2"></li>
                    <li class="stars3"></li>
                    <li class="stars4"></li>
                    <li class="stars5"></li>
                    <li class="stars6"></li>
                    <li class="stars7"></li>
                    <li class="stars8"></li>
                    <li class="stars9"></li>
                    <li class="stars10"></li>
                </ul>
                <!-- logo图 -->
                <div class="logo"></div>
            </li>
        </ul>
        <!-- 飘花 -->
        <div id="snowflake"></div>
        <!-- 小孩 -->
        <div id="boy" class="charector slowWalk"></div>
    </div>
        
    <script>
        function jump() {
            window.location.href = './test.html'
        }
    </script>
</body>
</html>